﻿<span style="@iconStyle" class="material-symbols @filledClass @ClassName">
    @IconName
</span>

@code {
    [Parameter] public string ClassName { get; set; }
    [Parameter] public bool IsFilled { get; set; } = false;
    [Parameter] public string IconName { get; set; }
    [Parameter] public string Size { get; set; } = "24";

    private string iconStyle => $"line-height: calc({Size}rem / 16); width: calc({Size}rem / 16); font-size: calc({Size}rem / 16);";
    private string filledClass => IsFilled ? "filled" : "";
}
